<!--
  @desc: 债权融资list
  @author: lanbao
-->
<template>
    <div>
        <Header :title="title" :switchHeader='switchHeader'></Header>
        <div class="list" @click="getDesc">
          <div class="item" v-for="(item,index) in list" :key="index">
            <div class="item-desc"> <img :src=item.icon_url />{{item.tit}}</div>
            <div class="item-count">{{item.count}}</div>
          </div>
        </div>
    </div>
</template>

<script>
import Header from '../components/Header'
export default {
  data () {
    return {
      title: '债权融资',
      switchHeader: true,
      list: [
        {
          icon_url: './assets/imgs/icon.png',
          tit: '立项审核',
          count: '9'
        },
        {
          icon_url: './assets/imgs/icon.png',
          tit: '尽调决策审核',
          count: '9'
        },
        {
          icon_url: './assets/imgs/icon.png',
          tit: '合同审核',
          count: '14'
        },
        {
          icon_url: './assets/imgs/icon.png',
          tit: '放款审核',
          count: '9'
        },
        {
          icon_url: './assets/imgs/icon.png',
          tit: '上报集团审核',
          count: '6'
        },
        {
          icon_url: './assets/imgs/icon.png',
          tit: '日常事务审核',
          count: '3'
        },
        {
          icon_url: './assets/imgs/icon.png',
          tit: '行业超限审核',
          count: '2'
        },
        {
          icon_url: './assets/imgs/icon.png',
          tit: '客户超限审核',
          count: '9'
        }
      ]
    }
  },
  components: {
    Header
  },
  methods: {
    getDesc: function () {
      this.$router.push('/descript')
    }
  }
}</script>

<style lang="stylus" scoped>
  .list
    background #F4F4F4
    padding 10px 0
    padding-bottom 200px
    .item
      display flex
      justify-content space-between
      width 355px
      height 70px
      background #fff
      box-shadow 0px 1px 2px 0px #ccc
      border-radius:8px
      margin 0 auto
      margin-bottom 10px
      .item-desc
        margin-left 14px
        height 70px
        line-height 70px
        font-size 16px
        img
          margin-right 10px
          width 32px
          height 32px
          float left
          margin-top 10px
      .item-count
        color #999
        height 100%
        line-height 70px
        font-size 16px
        margin-right 9px
        &:after
          content url('../assets/imgs/arrow_right.png')
          width 21px
          height 21px
          background-size 100% 100%
          line-height 21px
          display inline-block
</style>
